.background,
.input-tips,
button {
  width: 100%;
}
.background {
  min-width: 970px;
  height: 837px;
  background: url("../images/Banner1.png") no-repeat;
  margin: 100px auto;
  position: relative;
}
.background .login-box {
  width: 300px;
  height: 300px;
  border-radius: 6px;
  background-color: rgba(218, 238, 239, 0.7);
  float: right;
  padding: 40px;
  margin-top: 100px;
  margin-right: 263px;
}
.background .login-box h3 {
  font-size: 1.5em;
  color: #595959;
  font-weight: bold;
  text-align: left;
  margin-bottom: 10%;
}
.background .login-box .input-tips {
  position: relative;
  margin-bottom: 10px;
}
.background .login-box .input-tips input {
  width: 80%;
  height: 46px;
  line-height: 50px;
  font-size: 14px;
  color: #999999;
  border: none;
  border: 1px solid white;
}
.background .login-box .input-tips input:focus {
  color: #404040;
  border: 1px solid #3884c6;
  outline: none;
}
.background .login-box .input-tips .username,
.background .login-box .input-tips .password {
  padding-left: 50px;
  padding-right: 10px;
}
.background .login-box .input-tips .username {
  background-image: url('../images/icon13.png');
  background-repeat: no-repeat;
  background-position: 18px 18px;
}
.background .login-box .input-tips .password {
  background-image: url('../images/icon15.png');
  background-repeat: no-repeat;
  background-position: 18px 18px;
}
.background .login-box .input-tips .username:focus {
  background-image: url('../images/icon14.png');
}
.background .login-box .input-tips .password:focus {
  background-image: url('../images/icon16.png');
}
.background .login-box .input-tips .user {
  right: -274px;
}
.background .login-box .input-tips .pas {
  right: -138px;
}
.background .login-box .input-tips .check {
  right: -110px;
}
.background .login-box .input-tips .checkbox {
  width: 44%;
  padding-left: 10px;
  padding-right: 10px;
}
.background .login-box .input-tips .tips {
  height: 40px;
  position: absolute;
  top: 5px;
  text-align: right;
  line-height: 40px;
  color: #fc4343;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 14px;
  border-radius: 3px;
  background-color: #f1d9d9;
}
.background .login-box .log-button {
  width: 100%;
  height: 50px;
  border: none;
  border-radius: 3px;
  background-color: #3884c6;
  margin-top: 10px;
  color: white;
  font-size: 16px;
  cursor: pointer;
  font-family: "微软雅黑";
}
.background .login-box .log-button:hover {
  background-color: #4490d2;
}
.background .login-box .forgot-password {
  padding-top: 5px;
  text-align: right;
}
.background .login-box .forgot-password a {
  font-size: 11px;
  color: #0077dd;
}
